<template>
  <div class="example_list">
    <header class="header">我是占位头部</header>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'ExampleList',
})
</script>

<style lang="less" scoped>
.example_list {
  min-height: 100vh;
  background-color: var(--sky-white-background-color);
  .header {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    font-size: 20px;
    color: var(--sky-text-black-color);
    background-color: var(--sky-red-background-color);
    z-index: 2000;
  }
  .main {
    height: calc(100vh - 100px);
    overflow: hidden;
    .list_box {
      .li {
        height: 40px;
        border-bottom: 1px solid peru;
      }
    }
  }
}
</style>